<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <meta content="1 days" name="revisit-after" /> 
    <meta content="" name="keywords" /> 
    <meta content="" name="description" /> 
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 
    <meta content="yes" name="apple-mobile-web-app-capable" /> 
    <meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
    <meta content="telephone=no" name="format-detection" /> 
    <meta content="false" id="twcClient" name="twcClient" />
    <link rel="stylesheet" href="css/style.css" />
    <title>流水</title>
</head>

<body>
 <div class="content">
    <div id="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li class="on"><a href="turnover.html">流水</a></li>
            <li><a href="account.html">账户</a></li>
            <li><a href="form.html">报表</a></li>
            <li class="change"><img src="images/arrow1.png" /></li>
        </ul>
    </div>
    
    <div id="month">
        <a href="#">
            <ul class="bg">
                <li><img src="images/plus.png" /></li>
                <li>3月</li>
                <li>收:￥82000.00</li>
                <li>支:￥233800.50</li>
            </ul>
        </a>
    </div>
    <div id="category">
        <ul>
            <li class="gongzi" style="height: auto; border: none;">
                   <a href="#">
                    <i class="gz-icon"></i> 
                       <div class="left">
                            <span class="accoutname">工资</span><br />
                            <span class="date">2012-03-27</span>
                            <span class="remark">本月工资</span>
                        </div>
                        <div class="right">
                            <span class="money red">￥8000.00</span><span class="arrow"></span>
                        </div>
                    </a>
                    <div id="unfold">
                        <form>
                            <ul>
                                <li>
                                    <label>金额:</label> 
                                    <input type="text" name="money" value="0.00"/>
                                </li>
                                <li>
                                    <label>账户:</label>
                                    <select name="account">
                                    <option value="xianjin">现金</option>
                                    <option value="yinghang" selected="selected">银行卡</option>
                                    <option value="xingyong">信用卡</option>
                                    <option value="zhifu">支付宝</option>
                                    </select>
                                </li>
                                <li>
                                    <label>类别:</label> 
                                    <select name="category">
                                    <option value="gongzi" selected="selected">工资</option>
                                    <option value="jiangjin">奖金</option>
                                    </select>
                                </li>
                                <li>
                                    <label>时间:</label>
                                    <input type="text" name="date" value="2012-03-27" />
                                </li>
                                <li>
                                    <label>备注:</label>
                                    <textarea rows="4" cols="20">
                                    本月工资
                                    </textarea>
                                </li>
                            </ul>
                        </form>
                        <div id="space"></div>
                    </div>
                </li>
            <li class="canyin">
               <a href="">
                <i class="cy-icon"></i> 
                   <div class="left">
                        <span class="accoutname">餐饮</span><br />
                        <span class="date">2012-03-26</span>
                        <span class="remark">知味观</span>
                    </div>
                    <div class="right">
                        <span class="money">￥12.50</span><span class="arrow"></span>
                    </div>
                </a>
            </li>
            <li class="yvle">
               <a href="">
                    <i class="yvl-icon"></i> 
                    <div class="left">
                        <span class="accoutname">娱乐</span><br />
                        <span class="date">2012-03-25</span>
                        <span class="remark">翠苑电影院</span>
                    </div>
                    <div class="right">
                        <span class="money">￥278.00</span><span class="arrow"></span>
                    </div>
                </a>
            </li>
            <li class="yiliao">
               <a href="#">
                   <i class="yl-icon"></i> 
                   <div class="left">
                        <span class="accoutname">医疗</span><br />
                        <span class="date">2012-03-24</span>
                        <span class="remark">同德医院</span>
                    </div>
                    <div class="right">
                        <span class="money">￥250.00</span><span class="arrow"></span>
                    </div>
                </a>
            </li>
            <li class="tongxun">
               <a href="#">
                   <i class="tx-icon"></i> 
                   <div class="left">
                        <span class="accoutname">通讯</span><br />
                        <span class="date">2012-03-23</span>
                        <span class="remark">手机充值</span>
                    </div>
                    <div class="right">
                        <span class="money">￥50.00</span><span class="arrow"></span>
                    </div>
                </a>
            </li>
            <li class="jiaotong">
               <a href="#">
               <i class="jt-icon"></i> 
               <div class="left">
                    <span class="accoutname">交通</span><br />
                    <span class="date">2012-03-22</span>
                    <span class="remark">加油</span>
                </div>
                <div class="right">
                    <span class="money">￥500.00</span><span class="arrow"></span>
                </div></a>
            </li>
            <li class="wuye">
               <a href="#">
                   <i class="wy-icon"></i> 
                   <div class="left">
                        <span class="accoutname">物业</span><br />
                        <span class="date">2012-03-21</span>
                        <span class="remark">水电费</span>
                    </div>
                    <div class="right">
                        <span class="money">￥298.00</span><span class="arrow"></span>
                    </div>
                </a>
            </li>
            <li class="xuexi">
               <a href="#">
               <i class="xx-icon"></i> 
               <div class="left">
                    <span class="accoutname">学习</span><br />
                    <span class="date">2012-03-20</span>
                    <span class="remark">设计中的设计</span>
                </div>
                <div class="right">
                    <span class="money">￥250.00</span><span class="arrow"></span>
                </div></a>
            </li>
            <li class="qita">
                <a href="#">
               <i class="qt-icon"></i> 
               <div class="left">
                    <span class="accoutname">其他</span><br />
                    <span class="date">2012-03-19</span>
                    <span class="remark">母亲节礼物</span>
                </div>
                <div class="right">
                    <span class="money">￥500.00</span><span class="arrow"></span>
                </div></a>
            </li>
            <li class="fushi">
                <a href="#">
               <i class="fs-icon"></i> 
               <div class="left">
                    <span class="accoutname">服饰</span><br />
                    <span class="date">2012-03-18</span>
                    <span class="remark">连衣裙</span>
                </div>
                <div class="right">
                    <span class="money">￥200.00</span><span class="arrow"></span>
                </div></a>
            </li>
            <li class="jiangjin">
                <a href="#">
               <i class="jj-icon"></i> 
               <div class="left">
                    <span class="accoutname">奖金</span><br />
                    <span class="date">2012-03-17</span>
                    <span class="remark">福利彩票</span>
                </div>
                <div class="right">
                    <span class="money red">￥200.00</span><span class="arrow"></span>
                </div></a>
            </li>
        </ul>
    </div>
    <div id="month">
        <a href="#">
            <ul class="bg">
                <li><img src="images/plus.png" /></li>
                <li>2月</li>
                <li>收：￥8200.00</li>
                <li>支：￥3345.00</li>
            </ul>
        </a>
    </div>
    <div id="category">
        <ul>
            <li class="zhuanzhang">
                <a href="#">
               <i class="zz-icon"></i> 
               <div class="left">
                    <span class="accoutname">现金->银行卡</span><br />
                    <span class="date">2012-03-16</span>
                    <span class="remark">转了个账</span>
                </div>
                <div class="right">
                    <span class="money">￥200.00</span><span class="arrow"></span>
                </div></a>
            </li>
        </ul>
    </div>  
    <div id="month">
        <a href="#">
        <ul class="bg">
            <li><img src="images/plus.png" /></li>
            <li>1月</li>
            <li>收：￥8000.00</li>
            <li>支：￥2980.00</li>
        </ul></a>
    </div>  

</div>
</body>
</html>